<template>
	<div class="sec-top">
		<a class="btn btn-sm btn-primary" v-link="{path: '/'}">返回{{activityName}}活动</a>
	</div>
	<table class="table table-bordered table-hover">
	  <caption>{{activityName}}活动的信息提醒列表</caption>
		<thead>
			<tr>
				<th class="col-sm-3">提示类型</th>
				<th class="col-sm-3">信息内容</th>
				<th class="col-sm-3">链接</th>
				<th class="col-sm-3"></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>{{ mType1.type | MsgType }}</td>
				<td>{{ mType1.msg }}</td>
				<td>{{ mType1.url }}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click="updateMsgWarn(mType1)">配置消息提醒</button>
					<button class="btn btn-sm btn-primary" @click="sendMsg(mType1.type)">发送</button>
				</td>
			</tr>
			<tr>
				<td>{{ mType2.type | MsgType }}</td>
				<td>{{ mType2.msg }}</td>
				<td>{{ mType2.url }}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click="updateMsgWarn(mType2)">配置消息提醒</button>
					<button class="btn btn-sm btn-primary" @click="sendMsg(mType2.type)">发送</button>
				</td>
			</tr>
			<tr>
				<td>{{ mType3.type | MsgType }}</td>
				<td>{{ mType3.msg }}</td>
				<td>{{ mType3.url }}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click="updateMsgWarn(mType3)">配置消息提醒</button>
					<button class="btn btn-sm btn-primary" @click="sendMsg(mType3.type)">发送</button>
				</td>
			</tr>
		</tbody>
	</table>
	<vue-msg-config :show-msg-config.sync="showMsgConfig" :title="msgTitle" :news.sync="news"></vue-msg-config>
	<vue-msg-confirm :show-msg-confirm.sync="showMsgConfirm" :send="send"></vue-msg-confirm>
</template>
<script src="./msg-list.js"></script>
